﻿@model ProjectDeal.Models.Deal

@{
    ViewBag.Title = Model.TenDeal;
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section header{

<link href="@Url.Content("~/Scripts/CountDown/jquery.countdown.css")" rel="stylesheet" />
<link href="@Url.Content("~/Scripts/ProductStyle/cssproduct.css")" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/CountDown/jquery.countdown.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/CountDown/jquery.countdown-vi.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ValidateControl/ValidateDetailDeal.js")"></script>
}

 <div class="content-wrap">
     <div id="intro">
         <div style="clear:both; display:block; height:20px"></div>
                	<div class="one-fourth serv first" style="width: 50%;height:25px;margin:0 0 10px 5px">
                        <span style="margin-left:5px">Trang Chủ >> Ăn Uống >> Cari Cua/Lẩu Tôm Càng Xanh Quán Lẩu Cua 43 </span>
                    </div>
                </div>
                <div class="container-2">
                    <div style="clear:both; display:block; height:20px"></div>
                	<div class="prod">
                        <div class="clearfix">
                        <a href="../../Images/Product/product_small1.jpg" class="jqzoom" rel='gal1'  title="triumph" > <img src="../../Images/Product/product_small1.jpg" style="border: 4px solid #e5e5e5;"> </a>
                        </div>
                        <div class="clearfix" >
                            <ul id="thumblist" class="clearfix" >
                                  @using (ProjectDeal.Models.db_Kayleehouse db = new ProjectDeal.Models.db_Kayleehouse())
                                  {
                                      foreach (var hinhdeal in (from b in db.HinhAnhDeals
                                                                    where b.MaDeal == @Model.MaDeal
                                                                    select b).ToList())
                                      {
                                          <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../Content/Images/Product/@hinhdeal.TenHinh',largeimage: '../Content/Images/Product/@hinhdeal.TenHinh'}"><img src='../Content/Images/Product/@hinhdeal.TenHinh'></a></li>
                                      }
                                  }
                            </ul>
                        </div>
                    </div><!--end:prod-->
                    <div class="prod-detail">
                    	<h1 style="font-weight: bold;color: #3b5998;">@Model.TenDeal</h1>
                        <h4>@Model.MoTa</h4>
                        <span class="price" style="margin-left:5px"><small>Giá gốc: @Model.GiaGoc đ (@Model.PhanTramGiam%)</small></span>
                        <div id="defaultCountdown" year="@Model.NgayHetHan.Value.Date.ToString("yyyy")" month="@Model.NgayHetHan.Value.Date.ToString("MM")" date="@Model.NgayHetHan.Value.Date.ToString("dd")" style="height: 50px; width: 236px; margin-bottom: 10px; padding-top: 5px;" ></div>
                        <span class="price" style="margin-left:5px ; font-size:30px">@Model.GiaGiam đ</span>
                        <span class="cart-button" style="margin-top: 20px;"><a href="cart.html">Mua Ngay</a></span>
                         <div id="tab">
                            <ul class="nav">
                                <li class="nav-one"><a href="#details" class="current">Điểm Nổi Bật</a></li>
                                <li class="nav-two"><a href="#specs">Điều kiện</a></li>
                                <li class="nav-three"><a href="#reviews">Điểm Sử Dụng</a></li>
                                <li class="nav-four last"><a href="#tags">Tags</a></li>
                            </ul>
                            <div class="list-wrap">
                                <div id="details">
                                    <ul style="font-size:10px">
                                       @Html.Raw(@Model.DiemNoiBat)
                                    </ul>
                                </div>

                                <ul id="specs" class="hide">
                                    @Html.Raw(@Model.DieuKienSuDung)
                                </ul>
                                <div id="reviews" class="hide">
                                	@Html.Raw(@Model.DiaDiemSuDung)
                                </div>
                                <ul id="tags" class="hide">
                                    <li><a href="#">Women's Clothes</a></li>
                                    <li><a href="#">Men's Clothes</a></li>
                                    <li><a href="#">Women's Shoes</a></li>
                                    <li><a href="#">Men's Shoes</a></li>
                                    <li><a href="#">Accessories</a></li>
                                    <li><a href="#">Brand</a></li>
                                </ul>
                            </div>
                        </div>
                    </div><!--prodetail-->

                </div><!--end:container-2-->

                 <div class="container-2">
                	<section class="content" style="width:74%;height:auto; background: url(../Content/images/border-vertical.png) repeat-y right top;">
                    	<div class="product-description" style="margin: 5px 14px 5px 0;">
                            <div id="description">
                             @Html.Raw(@Model.ThongTinChiTiet)
                            </div>
                        </div>
                        <blockquote class="quote" style="width:650px ;margin-bottom:10px">
                        <h4 style="font-family:'Times New Roman' ;font-weight:bold">Nhận xét & Thảo luận</h4>
                        </blockquote>
                        
<form id="commentform" method="post" action="#">
<p class="comment-form-comment">
<textarea id="comment" style="width: 646px; height: 100px;resize:none" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</p>
<p class="form-submit">
<input id="submit" type="submit" value="Bình luận" class="button medium black" name="submit">
<input id="comment_post_ID" type="hidden" value="146" name="comment_post_ID">
<input id="comment_parent" type="hidden" value="0" name="comment_parent">
</p>
</form>
 <div class="single">
     <!-- THE COMMENTS PART -->
							<div id="comments">
								
								<!-- COMMENTS LIST -->
								<ol class="commentlist">
								
									<!-- COMMENT #1 -->
									<li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="li-comment-4">
										<article id="comment-1" class="comment" role="article">
	
											<div class="comment-author vcard">
												<img alt='' src='http://1.gravatar.com/avatar/b1271b49cf7fda86a4d445e11a9ad9ba?s=70&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D70&amp;r=G' class='avatar avatar-70 photo' height='70' width='70' />		    												<cite class="fn">admin</cite>
											</div><!-- .comment-author .vcard -->
					
											<div class="comment-block">
												<div class="comment-body"><p>Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
								</div>
												
												
												<div class="comment-meta commentmetadata">
													<a href="#">
														<time pubdate="" datetime="2012-11-11T23:45:30+00:00">
													November 11, 2012 at 11:45 pm</time>
													</a>
												</div><!-- .comment-meta .commentmetadata -->
												
												<div class="reply">
													<a class='comment-reply-link' href='/themes/freshlookwp/ultra-responsive-wp/?replytocom=4#respond' onclick='return addComment.moveForm("comment-4", "4", "respond", "146")'>Reply</a>
												</div><!-- .reply -->
											</div>	
	
										</article>
									</li>
									<!-- END OF COMMENT #1  -->
									
									<!-- COMMENT #2 -->
									<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-2">
										
										<article id="comment-2" class="comment" role="article">
	
											<div class="comment-author vcard">
										    	<img alt='' src='http://1.gravatar.com/avatar/bc1964783bb56f2926a195367c8a5248?s=70&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D70&amp;r=G' class='avatar avatar-70 photo' height='70' width='70' />		    												<cite class="fn">
										    		<a href='http://www.ariona.net' rel='external nofollow' class='url'>Rian Ariona</a>
										    	</cite>
										    </div><!-- .comment-author .vcard -->
												
											<div class="comment-block">
												<div class="comment-body">
													<p>Seriously this is the coolest theme ever <img src='http://designarethemes.com/themes/freshlookwp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Just testing the comment box <img src='http://designarethemes.com/themes/freshlookwp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />
														
													</p>
												</div>
									
												<div class="comment-meta commentmetadata">
													<a href="http://designarethemes.com/themes/freshlookwp/ultra-responsive-wp/#comment-7">
														<time pubdate="" datetime="2012-11-19T13:05:29+00:00">November 19, 2012 at 1:05 pm</time>
													</a>
												</div><!-- .comment-meta .commentmetadata -->
												
												<div class="reply">
													<a class='comment-reply-link' href='#' onclick='javascript:;'>Reply</a>
												</div><!-- .reply -->
											</div>	
	
										</article>
	
										<!-- REPLYS -->
										<ul class='children'>
										
											<!-- REPLY #1 -->
											<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-14">
												<article id="comment-14" class="comment" role="article">
	
													<div class="comment-author vcard">
												    	<img alt='' src='http://1.gravatar.com/avatar/b1271b49cf7fda86a4d445e11a9ad9ba?s=70&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D70&amp;r=G' class='avatar avatar-70 photo' height='70' width='70' />		    	<cite class="fn">admin</cite>		    	</div><!-- .comment-author .vcard -->
														
													<div class="comment-block">
														<div class="comment-body">
															<p>Thanks Rian! <img src='http://designarethemes.com/themes/freshlookwp/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
														</div>
														
														<div class="comment-meta commentmetadata">
															<a href="#">
																<time pubdate="" datetime="2012-12-12T22:17:16+00:00">December 12, 2012 at 10:17 pm</time>
															</a>
														</div><!-- .comment-meta .commentmetadata -->
														
														<div class="reply">
															<a class='comment-reply-link' href='/themes/freshlookwp/ultra-responsive-wp/?replytocom=14#respond' onclick='return addComment.moveForm("comment-14", "14", "respond", "146")'>Reply</a>
														</div><!-- .reply -->
													</div>	
												</article>
											</li>
											<!-- END OF REPLY #1 -->
										</ul>
										<!-- END OF REPLYS -->
									</li>
									<!-- END OF COMMENT #2 -->
								</ol>
								<!-- END OF COMMENTS LIST -->
	
			
								<!-- REPLY FORM -->
								<div id="respond">
									<h3 id="reply-title">Leave a Reply 
										<small>
											<a rel="nofollow" id="cancel-comment-reply-link" href="#respond" style="display:none;">Cancel reply</a>
										</small>
									</h3>
								</div>
								<!-- END OF REPLY FORM -->
							</div>
							<!-- END OF THE COMMENTS -->
 </div>
                  
                    </section>
                    <aside class="sidebar">
                        <div class="side">
                        	<h4>Deal Liên Quan</h4>
                              @using (ProjectDeal.Models.db_Kayleehouse db = new ProjectDeal.Models.db_Kayleehouse())
                              {
                                  foreach (var deallienquan in (from b in db.Deals
                                                                where b.MaLoaiDeal == @Model.MaLoaiDeal
                                                                select b).Take(1).ToList())
                                  {
                                     <div class="entry">
                            	<div class="da-thumbs">
                                	<div> 
                                    	<img src="../Content/images/products/thumb-1.jpg" alt="">
                                        <article class="da-animate da-slideFromRight" style="display: block;">
                                            <h3 >@deallienquan.SoLuongBan Số Lần Mua</h3>
                                            <div id="@deallienquan.MaDeal" style="height: 50px" class="count-element" year="@deallienquan.NgayHetHan.Value.Date.ToString("yyyy")" month="@deallienquan.NgayHetHan.Value.Date.ToString("MM")" date="@deallienquan.NgayHetHan.Value.Date.ToString("dd")"></div>
                                            @*<p><a href="product-detail.html" class="link tip" title="View Detail"></a>&nbsp;
                                                                        <a href="cart.html" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                                                        <a href="../../Content/images/preview/work_1_l.jpg" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>*@
                                        </article>
                                    </div>
                                </div>
                                <h2><a href="product-detail.html">@deallienquan.TenDeal</a></h2>
                                <big>@deallienquan.GiaGiam </big><small>@deallienquan.GiaGoc</small>
                            </div>
                                  }
                              }
                        </div><!--end:side-->
                        
                    </aside>
                </div><!--end:container-2-->
               

                <div class="container-2">
                	<div style="clear:both; display:block; height:40px"></div>
                    <div class="ship">
                    	<a href="#"><img src="images/service-1.png" alt=""></a>
                        <h4><a href="#">Free Shipping</a></h4>
                        <span>On order over $300</span>
                    </div>
                    <div class="subs">
                    	<h4>Sign up for our Newsletter</h4>
                    	<form action="#" method="post" class="subscribes">
                            <fieldset>
                              <input type="text" name="subscribe" class="subscribe" value="Subscribe" onBlur="if (this.value == ''){this.value = 'Subscribe'; }" onFocus="if (this.value== 'Subscribe') {this.value = ''; }" />
                              <input type="submit" name="submit" value="Submit" class="submit" />
                            </fieldset>
                        </form>
                    </div>
                </div><!--end:container-2-->
            </div><!--end:content-wrap-->
    <script type="text/javascript">
        $("window").load(function() {
  $("#body").removeClass("preload");
});

		$(".share-btn").mouseenter(function() {
			setTimeout(function() {
			$(".item-menu").addClass("visible")
			}, 500);
		});
		$(".share-btn").mouseleave(function() {
			setTimeout(function() {
			$(".item-menu").removeClass("visible")
			}, 500);
		});
		$(".item-menu").hover(function() {
			$(".item-menu").addClass("visible")
		});
		$(".item-menu").mouseleave(function() {
			setTimeout(function() {
			$(".item-menu").removeClass("visible")
			}, 500);
		});
		$(".container-item").hover(function() {
			setTimeout(function() {
			$(".container-item").css("z-index","9000")
			}, 500);
		});
		$('.count-element').each(function (i, obj) {
		    
		    var year = $(this).attr("year");
		    var month = $(this).attr("month");
		    var date = $(this).attr("date");
		    var endDate = new Date();
		    endDate = new Date(year, month - 1, date);
		    var id = $(this).attr("id");
		    $('#' + id).countdown({ until: endDate });
		    

		});
		
		//$('#year').text(austDay.getFullYear());
    </script>